{% extends "layout/public_manage.html" %}

{% block content %}
<div style="padding: 0 15px;" id="content">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-10">
            <h2>分区管理</h2>
            <ol class="breadcrumb">
                <li>
                    <a>数据管理</a>
                </li>
                <li>
                    <a>基础数据</a>
                </li>
                <li class="active">
                    <strong>分区管理</strong>
                </li>
            </ol>
        </div>
        <div class="col-lg-2">

        </div>
    </div>
    <!--主体-->
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox border-all">
                <div class="ibox-title">
                    <h5>机构管理</h5>
                </div>
                <div class="ibox-content" style="position: relative;">
                    <!--左侧主体table 块-->
                    <div class="float-left" style="width: 50%">
                        <button class="btn btn-default pull-right my-btn my-btn-add" onclick="addBtnClick()">添加</button>
                        <button class="btn btn-default my-btn my-search-btn my-btn-search"
                                style="top: 16px;left: 222px;">查询
                        </button>
                        <table id="table"
                               data-toggle="table"
                               data-toolbar=".toolbar"
                               data-pagination="true"
                               data-maintain-selected="true"
                               data-search="true"
                               data-show-refresh="true"
                               data-search-align="left"
                               data-toolbar-align="right">
                            <thead>
                            <tr>
                                <th></th>
                                <th data-field="name">公司名称</th>
                                <th data-field="enName">外文名称</th>
                                <th data-field="Url">中文名称</th>
                                <th data-field="nature">公司性质</th>
                                <th data-field="time">成立时间</th>
                                <th data-field="responsible">负责人</th>
                                <th data-field="range">经营范围</th>
                                <th data-field="remarks">备注</th>
                                <th class="col-xs-2" data-formatter="operateFormatter" data-events="actionEvents">操作
                                </th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <!--右侧地图块-->
                    <div class="float-left" style="width: 50%">

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
<!-- Toastr -->
<script src="{{ url_for('static', filename='plugins/toastr/toastr.min.js') }}"></script>
<!--Ztreegrid-->
<script src="{{ url_for('static', filename='plugins/bootstrap-table/bootstrap-table-tree.js') }}"></script>
<script>
    var vm = new Vue({
        el: '#content',
        data: {},
        methods: {},
        created: function () {

        }
    });
</script>
{% endblock %}
